<%--index.jsp--%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <title>USST Library</title>
    <link href="style.css" rel="stylesheet">
    <script src="main.js" type="text/javascript"></script>
</head>

<body>
<div class="cover">
    <img src="img/logo-1.jpg" alt="usst-logo"/>
</div>

<div class="navbar">
    <a href="#">学校主页</a>
    <a href="#">馆藏目录检索</a>
    <a href="#">新书通报</a>
    <a href="#">书刊荐购</a>
    <a href="#">学术信息动态</a>
    <a href="#">新生专栏</a>
    <a href="#">联系我们</a>
    <a href="#">馆长信箱</a>
</div>
<br/>
<div class="columns">
    <div class="pink">
        <p><strong>>资源检索</strong></p>
        <p>中文数据库</p>
        <p>外文数据库</p>
        <p>试用数据库</p>
        <p>电子图书</p>
        <p>网络免费资源</p>
        <p>特色资源</p>
        <p>自建资源</p>
        <p>随书光盘</p>
    </div>
    <div class="yellow">
        <p><strong>>读者服务</strong></p>
        <p>读者信息查询</p>
        <p>文献续借</p>
        <p>文献预约</p>
        <p>证件管理</p>
        <p>常见问题</p>
        <p>外借服务</p>
        <p>读者教育</p>
        <p>图书捐赠</p>
    </div>
    <div class="blue">
        <p><strong>>入馆指南</strong></p>
        <p>本馆概况</p>
        <p>入馆须知</p>
        <p>开放时间</p>
        <p>馆藏分布</p>
        <p>机构设置</p>
        <p>规章制度</p>
        <p>服务项目</p>
        <p>馆容馆貌</p>
    </div>
    <div class="green">
        <p><strong>>信息服务</strong></p>
        <p>学科馆员</p>
        <p>信息咨询</p>
        <p>馆际互借</p>
        <p>文献传递</p>
        <p>图书分类</p>
        <p>导读书目</p>
        <p>读书平台</p>
        <p>专家讲座</p>
    </div>
    <div class="orange">
        <p><strong>>网络导航</strong></p>
        <p>学科导航</p>
        <p>网上图书馆</p>
        <p>推荐站点</p>
        <p>常用软件</p>
        <p>友情链接</p>
        <p>报刊资源</p>
        <p>馆员天地</p>
    </div>

    <div class="bulletin">
        <p><strong>_</strong></p>
        <p>图书馆2024年国庆节放假通知</p>
        <p>ProQuest教育学、心理学学术...</p>
        <p>《典海民国图书资源平台》试用...</p>
        <p>校友著作捐赠仪式在图书馆举行</p>
        <p>外文期刊学科服务平台试用通知</p>
        <p>图书馆被评为陕西省图书馆学会</p>
        <p>图书馆和校团委联合召开2024年</p>
        <p>ProQuest综合学术期刊数据库...</p>
        <p>图书馆2024年“书香校园”系列...</p>
    </div>
</div>
<div class="selections">
    <div class="book-selection">
        <img class="first" src="img/bggundong_1.jpg" alt="book no.1"/>
        <img src="img/bggundong_2.jpg" alt="book no.2"/>
        <img src="img/bggundong_3.jpg" alt="book no.3"/>
        <img src="img/bggundong_4.jpg" alt="book no.4"/>
        <img class="last" src="img/bggundong_5.jpg" alt="book no.5"/>
    </div>
    <div class="query">
        <div class="content">
            <label for="searchKeyword" title="请输入您要搜索的关键词">请输入资源检索关键词：</label>
            <input type="text" id="searchKeyword" name="searchKeyword" placeholder="请输入关键词..."
                   title="请输入您要搜索的关键词">
            <button id="submitButton">提交</button>
            <p class="query-result"></p>
        </div>
    </div>
</div>
<div class="database">
    <img src="img/db1.jpg" alt="cnki"/>
    <img src="img/db2.jpg" alt="eduChina"/>
    <img src="img/db3.jpg" alt="SpringerLink"/>
    <img src="img/db4.jpg" alt="WanFang"/>
    <img src="img/db5.jpg" alt="ChaoXingDiscover"/>
    <img src="img/db6.jpg" alt="ChaoXing"/>

</div>
<div class="footer">
    <nav>
        <p>中国科技论文在线</p>
        <p>中国开放教育资源</p>
        <p>国家精品课程</p>
        <p>教育网公开课导航</p>
        <p>Emerald电子资源</p>
        <p>OA学术资源</p>
    </nav>
    <div class="copyright">
        <p>版权所有：上海理工大学图书馆 技术支持：网络管理中心 建议使用IE7.0以上浏览器 1024x768以上分辨率</p>
    </div>
</div>
</body>

</html>